.detail_box{
  height: calc(100vh - 150px);
  .van-popup{overflow-x: hidden; background: #F6F7F9;}
  .erroBox{
    background-color: #ffffff;
    height: calc(100vh - 140px);
    position: relative;
    .erroBox_list{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 200px;
      left: 35%;
    }
    .btn{
      width: 112px;
      height: 32px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 14px;
      font-weight: 400;
      color: #035BEB;
      border-radius: 25px;
      border: 1px solid #035BEB;
      margin-top: 20px;
    }
    .textOne{font-size: 14px;
      display: inline-block;
      margin-bottom: 5px;
      font-weight: bold;
      color: #00142D;}
    .textTwo{font-size: 14px;
      font-weight: 400;
      color: #00142D;}
    .text{
      display: inline-block;
      margin-bottom: 20px;
      font-size: 14px;
      font-weight: 400;
      color: rgba(0,20,45,0.5000);
    }
    .imgBox{
      width: 189px;
      height: 142px;
      display: flex;
      justify-content: center;
      align-items: center;
      img{width: 100%;height: 100%;}
    }
  }
  .detail_content{
    .noneList{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 66vh;
      .img_box{
        width: 178px;
        height: 120px;
        margin-bottom: 10px;
        img{width: 100%;height: 100%;}
      }
      .noneListText{
        font-size: 14px;
        font-weight: 400;
        color: rgba(0,20,45,0.5000);
      }
    }
    .detail_list{
      margin-top: 10px;
      height: calc(100vh - 260px);
      overflow-y: scroll;
      .list_box{
        //margin-top: 5px;
        //padding: 0 8px;
        ::v-deep .ivu-collapse-item{
          //margin-bottom: 10px;
        }
        ::v-deep.ivu-collapse-header{
          display: flex;
          justify-content: flex-start;
          align-items: center;
          border: none !important;
        }
        ::v-deep .ivu-collapse-content{
          background-color: #E6EAF0;
          //overflow-y: scroll;
          //height: calc(100vh - 290px);
        }
        .panel_item{
          padding: 0 !important;
        }
        .item_col{
          display: flex;justify-content: space-between;
          align-items: center;
          padding-bottom: 10px;
          .colkey,.colvalue{
            font-size: 14px;
            font-weight: 400;
          }
          .colkey{color: rgba(0,20,45,0.5000);}
          .colvalue{color: #00142D;
            cursor: pointer;
            display: flex;
            justify-content: flex-end;
            align-items: center;
          }
          .tag_zheng,.tag_yi,.tag_wu,.tag{
            display: flex;
            //padding: 4px 8px;
            justify-content: center;
            align-items: center;
            margin-left: 10px;
          }
          .tag_zheng{background: rgba(3,91,235,0.1000);
            text{color: #035BEB;}
          }
          .tag_yi{background: rgba(254,198,76,0.1000);
            text{color: #E5B448;}
          }
          .tag_wu{
            //background: rgba(131,150,181,0.1000);
            .text{color: #8396B5; }
          }
          .tag{
            .tag_list{
              display: flex;
              justify-content: start;
              align-items: center;
              .imgBox{width: 20px;
                height: 20px;
                display: flex;justify-content: center;align-items: center;
                img{width: 100%;height: 100%;}
              }
              .text{font-size: 12px;
                font-weight: 400;}
            }
          }
          .title{
            font-size: 16px;
            font-weight: bold;
            color: #00142D;
          }
        }
        .list_item{
          //margin-bottom: 5px;
          //background-color: #ffffff;
          //padding: 10px 10px 0 10px;
          .ivu-card{
            margin-bottom: 15px;
          }
          .btn_save{
            margin: 0 !important;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
          }
          .btn_box{
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 5px 0;
            border: 1px solid #e8e8e8;
            .btn_add{
              font-size: 12px;
              font-weight: bold;
              color: #00142D;
              cursor: pointer;
              display: inline-block;
              padding: 10px 25px;
            }
          }
          .card_table{
            ::v-deep .operationBtn {
              color: #3271f0;
              cursor: pointer;
              margin: 0 10px;
              white-space: nowrap;
            }
          }
          ::v-deep.ivu-card-body{
            padding: 15px;
            //padding-bottom: 0 !important;
          }
          ::v-deep .ivu-card-head{
            padding: 10px 12px;
            //background-color: #dcdee2;
            background: rgba(131, 150, 181, 0.05);
            .card_title{
              font-size: 12px;
              font-weight: bold;
              color: #00142D;
            }
          }
          .item_col_btn{
            margin-top: 10px;
            //border-top: 1px solid rgba(131,150,181,0.2000);
            display: flex;
            justify-content: flex-end;
            align-items: center;
            padding: 10px 0;
            .btn,.rebtn{
              display: flex;
              justify-content: center;
              align-items: center;
              font-size: 12px;
              font-weight: 400;
            }
            .btn,.checkbtn{
              cursor: pointer;
              width: 88px;
              height: 32px;
              border-radius: 25px;
            }
            .checkbtn{color: #00142D;border: 1px solid rgba(0,20,45,0.5000);}
            .btn{border: 1px solid #035BEB;
              color: #035BEB;}
          }
        }
      }
    }
    .search_box{
      width: 25%;
      background-color: #ffffff;
      //position: fixed;
      //top: 44px;
      //left: 0;
      z-index: 13;
      .van-row{ padding: 5px 8px 5px 8px;}
      .box_right,.box_left{
        width: 100%;
        height: 32px;
        .text{
          font-size: 14px;
          font-weight: 400;
        }
      }
      .box_right{
        .van-search{
          padding: 0;
          .van-search__content{
            line-height: 32px;
            background: linear-gradient(102deg, transparent 7px, #f7f8fa 0) top left;
            .van-cell{
              padding: 0;
              width: 100%;
              height: 32px;
              ::v-deep .van-field__body{height: 100%;}
              ::v-deep .van-field__left-icon{
                display: none;
              }
            }
          }
        }
      }
      .box_left{
        background: linear-gradient(-78deg, transparent 7px, #035BEB 0) bottom right;
        border-radius: 4px 0px 0px 4px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        position: relative;
        .text{
          color: #FFFFFF;
        }
        .imgbox{
          display: flex;
          justify-content: flex-start;
          align-items: center;
          width: 16px;
          height: 23px;
          line-height: 32px;
          padding: 5px 8px;
          img{
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
}
